<template>
	<div class="layout-padding w-full h-full">
        <el-tabs v-model="activeName" @tab-click="handelClick" class="w-full h-full">
            <el-tab-pane :label="t('aigcMessage.messageListTip')" name="0">
                <message-list v-if="activeName==='0'"/>
            </el-tab-pane>
             <el-tab-pane :label="t('aigcMessage.messageWindowListTip')" name="1">
                <conversion-list v-if="activeName==='1'"/>
            </el-tab-pane>
        </el-tabs>
        
    </div>
</template>

<script setup lang="ts">
import { TabsPaneContext } from 'element-plus';
import { useI18n } from 'vue-i18n';

const {t}=useI18n();
const MessageList=defineAsyncComponent(()=>import('./messageList.vue'));
const ConversionList=defineAsyncComponent(()=>import('./conversionList.vue'));
//默认消息列表
const activeName=ref('0');
//选中时触发
const handelClick=(tab:TabsPaneContext,event:Event)=>{
    console.log(tab,event);
}
</script>